<template>
  <div class="setting_list">
    <GeneralIndex v-if="state.activemenu == 'general'" />
    <CompanyIndex v-if="state.activemenu == 'company'" />
    <DefaultIndex v-if="state.activemenu == 'default'" />
    <HintIndex v-if="state.activemenu == 'hint'" />
    <AccountIndex v-if="state.activemenu == 'account'" />
  </div>
</template>

<script setup>
import GeneralIndex from './components/general/index.vue'
import CompanyIndex from './components/company/index.vue'
import DefaultIndex from './components/default/index.vue'
import HintIndex from './components/hint/index.vue'
import AccountIndex from './components/account/index.vue'

const { settingtore, state } = inject('SettingStore')
</script>

<style lang="scss" scoped>
.setting_list {
  flex: 1;
  background: #fff;
  padding: 24px;
}
</style>

<style>
.setting_list .el-select__wrapper,
.setting_list .el-select {
  height: 32px !important;
  line-height: 32px !important;
  min-height: 32px;
  font-family: AlibabaPuHuiTi_2_65_;
  font-size: 14px;
  background-color: #f3f5fd;
  border: none;
  border-radius: 0;
}
.setting_list .el-select__wrapper .el-select__selected-item {
  font-family: AlibabaPuHuiTi_2_65_;
  font-size: 14px;
  color: #000;
}
.setting_list .el-select__wrapper .el-select__selected-item.is-transparent {
  color: #999;
}
.setting_list .el-select__wrapper {
  padding: 6px 8px;
}

.setting_list .el-select__wrapper.is-focused {
  border: none !important;
  box-shadow: none !important;
}
.setting_list .el-input__wrapper.is-focus,
.setting_list .el-input__wrapper {
  background-color: #f3f5fd;
  border-color: #f3f5fd !important;
  box-shadow: none;
  font-size: 14px;
  border-radius: 0;
}

.setting_list .el-checkbox__input.is-checked .el-checkbox__inner{
    background-color: #3711d8 !important;
    border-color: #3711d8 !important;
}
</style>